<template>
    <nav id="nav">
        <div>
            <h1>
                <a href="###" class="logo">王者荣耀</a>
            </h1>
            <ul>
                <li><a href="/">官网首页</a><em>HOME</em></li>
                <li><a href="/yxjs">游戏介绍</a><em>DATA</em></li>
                <li><a href="/yxgl">游戏攻略</a><em>STRATEGY</em></li>
                <li><a href="/wzyyt">王者音乐听</a><em>MUSIC</em></li>
                <li><a href="/yxbz">游戏壁纸</a><em>WALLPAPER</em></li>
                <li><a href="/djhj">对局环境</a><em>CONFRONTATION</em></li>
            </ul>
        </div>
    </nav>
    <header id="header">
        <div class="zynr">
            <span class="zynr_bt" style="position: relative;left: -700px"><a href="#" class="tb">王者荣耀首页 > 走进王者荣耀</a></span>
            <div class="zynr_bt1">
                <ul>
                    <li class="btnr">走进王者荣耀</li>
                    <li class="btnr2">新手指南</li>
                    <li class="btnr2">新手推荐</li>
                </ul>
            </div>
            <div class="zynr1">
                <div class="zynr_bt2">
                    <div style="float: left;">
                        <a href="#" style="float: left;display: block;"><img width="24" height="24"
                                                                             src="../assets/img/yxjs/games.png" title="游戏介绍"
                                                                             alt="游戏介绍"></a>
                        <span style="color: #616161;line-height: 26px;font-weight: bold;font-size: 22px;float: left;">&nbsp;&nbsp;游戏介绍</span>
                    </div>
                    <div>
                        <div class="zynr2">
                            <img style="border: 3px solid #dcdcdc;float: left;" width="522" height="330"
                                 src="../assets/img/yxjs/yxjs1.jpg">
                            <div class="zynr3">
                                <p style="font-size: 30px;color: #333333;">游戏介绍</p>
                                <p style="font-size: 16px;color: #909090;line-height: 30px;">
                                    《王者荣耀》是腾讯第一5V5团队公平竞技手游，国民MOBA手游大作！5V5王者峡谷、公平对战、还原MOBA经典体验；契约之战、五军对决、边境突围等，带来花式作战乐趣！10秒实时跨区匹配，与好友开黑上分，向最强王者进击！多款英雄任凭选择，一血、五杀、超神，实力碾压，收割全场！敌军即将到达战场，王者召唤师快来集结好友，准备团战，就在《王者荣耀》！</p>
                            </div>
                        </div>
                        <p style="position: relative;height: 30px;padding: 75px 0 30px;"><img width="31" height="27"
                                                                                              src="../assets/img/yxjs/icon_gs.png"
                                                                                              style="float: left;"><span
                                style="color: #616161;line-height: 26px;font-weight: bold;font-size:22px;float:left;">&nbsp;&nbsp;游戏特色</span>
                        </p>
                        <div class="zynr_bt3">
                            <div class="zynr_bt4">
                                <ul>
                                    <li><a href="">游戏特色一</a></li>
                                    <li><a href="">游戏特色二</a></li>
                                    <li><a href="">游戏特色三</a></li>
                                    <li><a href="">游戏特色四</a></li>
                                    <li><a href="">游戏特色五</a></li>
                                </ul>
                                <i class="bttp"></i>
                            </div>
                            <div class="zynr4">
                                <img src="../assets/img/yxjs/yxjs2.png" class="zynr6">
                                <div class="zynr5">
                                    <p style="font-size: 30px;color: #333333;margin-bottom: 20px;">
                                        视觉全面升级！王者2.0时代来临！</p>
                                    <p style="font-size: 16px;color: #909090;line-height: 30px;">
                                        全景沉浸式大厅，国风配色、传统饰形、山水云纹，更加具有东方神韵；次世代技术，全面提升画质，呈现超高清峡谷地图。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>


    <footer id="footer">
        <div class="footer1">
            <div class="footers">
                <a href="" target="_blank" class="footer_logo1"></a>
                <a href="" target="_blank" class="footer_logo2"></a>
            </div>
            <div class="tip1">
                <p style="color: #333;font-weight: bold;">温馨提示：本游戏适合16岁(含)以上玩家娱乐</p>
                <p>
                    <em>抵制不良游戏</em><em>拒绝盗版游戏</em><em>注意自我保护</em><em>谨防受骗上当</em><em>适度游戏益脑</em><em>沉迷游戏伤身</em><em>合理安排时间</em><em>享受健康生活</em>
                </p>
                <p class="tip_1">
                    《王者荣耀》全部背景故事发生于架空世界“王者大陆”中。相关人物、地理、事件均为艺术创作，并非正史。若因观看王者故事对相关历史人物产生兴趣，建议查阅正史记载。</p>
            </div>

        </div>
    </footer>
</template>

<script>
export default {
    name: "yxjs"
}
</script>

<style scoped>
@import url(../assets/css/ys2.css);
@import url(../assets/css/wztb.css);
@import url(../assets/css/wzwb.css);
</style>